<template>

    <div :id="id" :style="mystyle"></div>
 
</template>
<script>
export default {
  props:{
    mystyle:{
      type:Object
    },
    option:{
      type:Object
    },
    id:{
      type:String
    }
  },
  data(){
    return{

    }
  },

  methods: {
    drawChart() {
      // 基于准备好的dom，初始化echarts实例
      let myChart = this.$echarts.init(document.getElementById(this.id));
      // 指定图表的配置项和数据
      let option = this.option;
      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
    }
  },
  mounted() {
    this.drawChart();
  }
};
</script>

<style>


</style>
